<tem>
	<div id="modifynode" class="template">
		<div class="panel-body no-tb-padder">
			<form class="bs-example form-horizontal xs-form" id="attr_form">
				<div id="canvasDrawShowAttr">
					<span id="pid"  style="display: none;"></span>
					<span id="ptype"  style="display: none;"></span>
					<div class="table-oper"  style="display: none;">
						<a href="javascript:void(0);" id="deleteNode">
							<i class="btn-commen delete-btn"></i>
							<span>删除节点</span>
						</a>
					</div>
					<div id="diplay_attrs">
						<div class="form-group">
							<label class="col-lg-3 control-label">节点名称</label>
							<div class="col-lg-9">
								<input  id="pname" type="text" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group">
							<label class="col-lg-3 control-label">节点宽(px)</label>
							<div class="col-lg-3">
								<input  id="pwidth" type="number" class="form-control input-sm">
							</div>
							<label class="col-lg-3 control-label">节点高(px)</label>
							<div class="col-lg-3">
								<input  id="pheight" type="number" class="form-control input-sm">
							</div>
						</div>
						<div class="form-group"  id="systemApp_displayType_Id" title="显示或隐藏节点">
							<label class="col-lg-2 control-label">节点模式</label>
							<div class="col-lg-10">
								<select class="form-control input-sm" data-id="systemApp_displayType" style="width: 100px;" id="systemApp_displayType">
									<option value="1">显示</option>
									<option value="0">隐藏</option>
								</select>
							</div>
						</div>
						<div id="systemApp_displayType_Id">
							<div class="form-group" style="margin-bottom:0px;">
								<div class="col-lg-12">
									<span>依赖节点</span>
									<span style="float: right;">
										隐性依赖
									</span>
									<span style="float: right;" title="选中后在画板中不体现连接线条">
										<input id="hiddenvalue" type="checkbox" data-id="hiddenvalue"/>
									</span>
								</div>
							</div>
							<div class="form-group">
								<div class="col-lg-12">
									<select multiple id="select1" style="height:200px;color: black;padding: 0px;width: 48%;float: left;overflow: auto;">
									</select>
									<select multiple id="select2" style="height:200px;color: black;padding: 0px;width: 48%;float: right;overflow: auto;">
									</select>
								</div>
							</div>
						</div>
					</div>
					<div id="diplay_monitorList">
						<div id="monitorList" class="prel w-all h-all " data-type="tabel-fix-width" style="height: 200px;">
							
						</div>
						<div id="monitorObj" style="display: none;">
							<div class="form-group">
								<label class="col-lg-4 control-label" >监控器类型</label>
								<label class="col-lg-8 control-label tl control-label-text"  id="mtype"></label>
							</div>
							<div class="form-group">
								<label class="col-lg-4 control-label" >监控器名称</label>
								<label class="col-lg-8 control-label tl control-label-text"  id="mname"></label>
							</div>
							<div class="form-group" style="display: none;">
								<label class="col-lg-4 control-label" >资产名称</label>
								<label class="col-lg-8 control-label tl control-label-text"  id="assetname"></label>
							</div>
							<div class="form-group">
								<label class="col-lg-3 control-label" ></label>
								<div class="col-lg-8 control-label">
									<div class="input-group w-all" >
										<a href="javascript:void(0);" id="unmountMoniter" class="a_btn prel">
											<span>删除监控器</span>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="diplay_monitorList">
						<div id="monitorList" class="prel w-all h-all " data-type="tabel-fix-width"  style="height: 200px;">
							<p style="">双击下列选项添加应用</p>
							<div class="prel w-all h-all" data-type="tabel-fix-width" style="padding-bottom: 10px;">
								<div class="um-grid-head-outer"style="font-size: 12px;">
									<div class="um-grid-head">
										<table>
											<tbody>
												<tr class="um-grid-head-tr" style="border-top-style: none;">
													<td style="">
														<div style="font-size: 12px;">
															<span class="custom-down" data-id="sort"></span>应用监控名称
															<span class="resize" data-id=""></span>
														</div>
													</td>
												</tr>
											</tbody>
										</table>
									</div>
									<div class="um-grid-head" style="overflow: auto;height: 130px;">
										<table>
											<tbody id="select_monitor1" >
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
						<div id="monitorObj" class="um-grid-head" style="display: none;">
							<div class="panel-body no-tb-padder">
								<div class="form-group">
									<label class="col-lg-4 control-label" >应用监控名称：</label>
									<label class="col-lg-8 control-label tl control-label-text"  id="mname"></label>
								</div>
							</div>
							<div class="table-oper" >
								<a id="unmountMoniter" href="javascript:void(0);">
									<i class="btn-commen delete-btn"></i>
									<span>删除配置</span>
								</a>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</tem>